<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/mydata.css">
    <link rel="stylesheet" href="./css/style2.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <div class="header">
        <div class="header_cen ">
            <div class="hl fl">
                <a href="#"><span>手机逛淘宝</span></a>
            </div>
            <div class="hr fr">
                <a href=""><span>淘宝网首页</span></a>
                <a href="http://localhost:3000/function.html"><span>我的淘宝</span></a>
                <a href=""><span>购物车</span></a>
                <a href=""><span>收藏夹</span></a>
                <a href=""><span>商品分类</span></a>
                <a href=""><span>卖家中心</span></a>
                <a href=""><span>联系客服</span></a>
                <a href=""><span>网站导航</span></a>
            </div>
        </div>
    </div>
    <header>
        <div class="content">
            <h1><a href="#">我的淘宝</a></h1>
            <ul>
                <li><a href="http://localhost:3000/function.html">首页</a></li>
                <li><a href="./mydata.html">用户管理</a></li>
            </ul>
            <div class="int">
                <input type="text" class="txt" placeholder="手机">
                <input type="button" class="btn" value="搜索">
            </div>
        </div>
    </header>

    <main>
        <dl>
            <dt ><a href="./mydata.html" id="title1">个人资料</a></dt>
            <dt ><a href="./address.html" id="title2">收货地址</a></dt>
        </dl>
        <form action="#">
            <fieldset>
                <legend>收货地址</legend>
                <h3>新增收货地址</h3>
                <h3><a href="http://localhost:3000/content.html">修改地址</a></h3>
                <div class="content">
                    <div class="box">
                        <strong>*</strong>
                        <span>地址信息：</span>
                        <input type="text" placeholder="请输入省/市/区/街道" class="txt1 add1">
                        <i class="tip1">地址信息不能为空</i>
                    </div>
                    <div class="box">
                        <strong>*</strong>
                        <span>详细地址：</span>
                        <input type="text" placeholder="请输入详细地址信息，如道路、门牌号、小区、楼栋号、单元等信息" class="txt1 add2">
                        <i class="tip2">详细地址不能为空</i>
                    </div>
                    <div class="box">
                        <strong></strong>
                        <span>邮政编码：</span>
                        <input type="text" placeholder="请填写邮政编码" class="txt1 add3">
                    </div>
                    <div class="box">
                        <strong>*</strong>
                        <span>收货人姓名：</span>
                        <input type="text" placeholder="长度不超过25个字符" class="txt1 add4">
                        <i class="tip3">姓名不能为空</i>
                    </div>
                    <div class="box">
                        <strong>*</strong>
                        <span>手机号码：</span>
                        <input type="tel" placeholder="中国大陆 +86" class="add add5">
                        <i class="tip4">手机号码不能为空</i>
                    </div>
                    <div class="box">
                        <strong></strong>
                        <span></span>
                        <input type="checkbox">设置为默认收货地址
                    </div>
                    <div class="box">
                        <strong></strong>
                        <span></span>
                        <input type="button" value="添加" class="sub">
                    </div>
                </div>
                <h3>已有收货地址</h3>
                <table border="1" bordercolor="#ddd" class="tab">
                    <thead>
                        <tr bgcolor="#ebecf0" height="40px">
                            <th>收货人</th>
                            <th>所在地区</th>
                            <th>详细地址</th>
                            <th>邮编</th>
                            <th>电话/手机</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </fieldset>
        </form>
    </main>

    <div class="backTop">
        <a href="#">
            <dl>
                <dt class="iconfont icon-zaixianzixun"></dt>
                <dd>在线咨询</dd>
            </dl>
        </a>
        <a href="#">
            <dl>
                <dt class="iconfont icon-fankui"></dt>
                <dd>反馈</dd>
            </dl>
        </a>
        <div class="iconfont icon-huidaodingbu backtop">
            <p>回顶部</p>
        </div>
    </div>
    

    <div class="footer">
        <ul>
            <li><a href="#">阿里巴巴集团</a></li>
            <li><a href="#">淘宝网</a></li>
            <li><a href="#">天猫</a></li>
            <li><a href="#">聚划算</a></li>
            <li><a href="#">全球速卖通</a></li>
            <li><a href="#">阿里巴巴国际交易市场</a></li>
            <li><a href="#">1688</a></li>
            <li><a href="#">阿里妈妈</a></li>
            <li><a href="#">飞猪</a></li>
            <li><a href="#">淘小铺</a></li>
            <li><a href="#">阿里云计算</a></li>
            <li><a href="#">AliOS</a></li>
            <li><a href="#">阿里通信</a></li>
            <li><a href="#">一淘</a></li>
            <li><a href="#">万网</a></li>
            <li><a href="#">高德</a></li>
            <li><a href="#">UC</a></li>
            <li><a href="#">友盟</a></li>
            <li><a href="#">阿里安全虾米</a></li>
            <li><a href="#">大麦网</a></li>
            <li><a href="#">钉钉</a></li>
            <li><a href="#">支付宝</a></li>
            <li><a href="#">优酷</a></li>
            <li><a href="#">土豆</a></li>
            <li><a href="#">阿里健康</a></li>
            <li><a href="#">阿里影业</a></li>
            <li><a href="#">阿里体育</a></li>
            <li><a href="#">网商银行</a></li>
        </ul>
    </div>
    <div class="last">
        <ul>
            <li><a href="#">关于淘宝</a></li>
            <li><a href="#">合作伙伴</a></li>
            <li><a href="#">营销中心</a></li>
            <li><a href="#">廉正举报</a></li>
            <li><a href="#">联系客服</a></li>
            <li><a href="#">开放平台</a></li>
            <li><a href="#">诚征英才</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">网站地图</a></li>
            <li><a href="#">隐私权政策</a></li>
            <li><a href="#">法律声明</a></li>
            <li><a href="#">知识产权</a></li>
            <li><a href="#">版权所有</a></li>
            <span>© 2003-现在 Taobao.com 版权所有</span>
            <li><a href="#">增值电信业务经营许可证：浙B2-20080224</a></li>
            <li><a href="#">增值电信业务经营许可证（跨地区）： B2-20150210</a></li>
            <span>浙网文（2019）1033-086号</span>
            <span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</span>
            <span>互联网药品信息服务资格证书（浙）-经营性-2018-0010</span>
            <span>短消息类服务接入代码使用证书：号【2016】00154-A01</span>
            <span>信息网络传播视听许可证：1109364号</span>
            <span>出版物网络交易平台服务经营备案号：新出发浙备字第002号</span>
            <span>浙公网安备 33010002000078号</span>
            <span>广播电视节目制作经营许可证（浙）字第01012号</span>
            <span>市场名称登记证：工商网市字3301004120号</span>
            <span>医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00004号</span>
        </ul>
        <img src="./images/add.png" alt="">
    </div>
    <script src="./js/address.js"></script>
    <script src="./js/scroll.js"></script>
</body>

</html>